<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>余额</title>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-touch-fullscreen" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="address=no">
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/center-vip.css">
		<link rel="stylesheet" href="css/iconfont.css">
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/iscroll.js"></script>
		<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
		<script type="text/javascript" src="js/hmt.js"></script>
	</head>

	<body>
		<!--header star-->
		<header class="hasManyCity hasManyCitytwo" id="header">
			<a href="javascript:history.back(-1)" class="fl fanhui"><i class="iconfont icon-fanhui"></i></a>
			<div class="header-tit">
				会员中心
			</div>
		</header>
		<!--header end-->
		<div id="container">
			<div id="main">
				<div class="warp clearfloat">
					<div class="h-top clearfloat box-s">
						<p class="user">王小二</p>
						<div class="vip-time">
							<img src="img/vip00.png" style="width: 42px;" />
							<span id="time">
				    			到期时间:<span>2018-04-18</span>
							</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<ul class="mui-table-view mui-grid-view mui-grid-9">
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				<a href="vip-1.html">
					<span class="mui-icon iconfont icon-huiyuantequan"></span>
					<div class="mui-media-body">会员特权</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				<a href="#">
					<span class="mui-icon iconfont icon-huiyuandengji0101"></span>
					<div class="mui-media-body">会员等级</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				<a href="#">
					<span class="mui-icon iconfont icon-chongzhi"></span>
					<div class="mui-media-body">充值&nbsp;/&nbsp;续费</div>
				</a>
			</li>
		</ul>
		
		<div class="center-vit-content">
			<img src="img/authentication.png"/>
			<p> ● 点亮该图标需实名认证，可在个人资料进行设置</p>
		</div>
		<div class="center-vit-content">
			<img src="img/phone.png"/>
			<p> ● 点亮该图标需手机认证，可在个人资料进行设置</p>
		</div>
		<div class="center-vit-content">
			<img src="img/enterprise.png"/>
			<p> ● 点亮该图标需企业资历认证，可在个人资料进行设置</p>
		</div>
		<div class="center-vit-content">
			<img src="img/active.png"/>
			<p> ● 点亮该图标需7天内发布信息达15条</p>
		</div>
		<div class="center-vit-content">
			<img src="img/star.png"/>
			<p> ● 点亮该图标需实名认证和实名认证</p>
		</div>
	</body>
	
	<script>
	    document.addEventListener("plusready", function() {
	        // 注册返回按键事件
	        plus.key.addEventListener('backbutton', function() {
	            // 事件处理
	            window.history.back();
	        }, false);
	    });
	</script>
</html>